<%@page import="com.windfone.common.Constant"%>
<%@ page language="java" contentType="text/html; charset=utf-8"    pageEncoding="utf-8"%>
<%@ include file="head.jsp" %>
<%@ taglib uri="/WEB-INF/recommend.tld" prefix="windfone" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>風馳電訊-結賬</title>
<%@ include file="headkey.jsp" %>
<link rel="stylesheet" type="text/css" href="css/css.css"/>
<link rel="stylesheet" type="text/css" href="css/common.css"/>
<link  rel="Stylesheet" type="text/css" href="css/ordershow.css"/>
<style>
#coodoo_Header a
{
	font-size:14px;
	font-weight:bold;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
}
</style>
<style>
html{color:black; background:white;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td{margin:0; padding:0;}
body{font-size:12px; font-family:Arial, Helvetica, sans-serif;}
img{border:0px; vertical-align:top;}
a{font-size:12px; text-decoration:none;}
a,a:link,a:visited{color:#353535;}
a:hover{color:#fc6900;}

.box3 dd.tl{float:left; width:7px; height:31px;}
.box3 dd.tb{float:left; height:31px;}
.box3 dd.tr{float:left; width:7px; height:31px;}
.box3 dd.bl{float:left; width:7px; height:7px; font-size:0px;}
.box3 dd.bb{float:left; height:7px; font-size:0px;}
.box3 dd.br{float:left; width:7px; height:7px; font-size:0px;}

.box3 .gg31tleft{background:url(images/box1/gg31_tleft.jpg);}
.box3 .gg31tbg{background:url(images/box1/gg31_tbg.jpg);}
.box3 .gg31tright{background:url(images/box1/gg31_tright.jpg);}
.box3 .gg31bleft{background:url(images/box1/gg31_bleft.jpg);}
.box3 .gg31bbg{background:url(images/box1/gg31_bbg.jpg);}
.box3 .gg31bright{background:url(images/box1/gg31_bright.jpg);}
.box3 .gg31bg{clear:both; border-left:solid 1px #dcdcdc; border-right:solid 1px #dcdcdc;}

.box03 dl.b03t dd.b03tl{float:left; width:6px; height:31px; background:url(images/box03_tleft.png);}
.box03 dl.b03t dd.b03tb{float:left; height:31px; background:url(images/box03_tbg.png);}
.box03 dl.b03t dd.b03tr{float:left; width:6px; height:31px; background:url(images/box03_tright.png);}
.box03 div.b03b{border-left:solid 1px #dcdcdc; border-right:solid 1px #dcdcdc;}
.box03 dl.b03f dd.b03fl{float:left; width:6px; height:6px; background:url(images/box03_fleft.png);}
.box03 dl.b03f dd.b03fb{float:left; height:6px; background:url(images/box03_fbg.png);}
.box03 dl.b03f dd.b03fr{float:left; width:6px; height:6px; background:url(images/box03_fright.png);}
</style>
<script>
	function alipayFormSubmit(){
		var alipayForm = document.getElementById("alipayForm");
		alipayForm.submit();
	}
	function cncardFormSubmit(){
		var cncardForm = document.getElementById("cncardForm");
		cncardForm.submit();
	}
</script>

</head>
<body>

<div style="background-color:#FFFFFF;width: 950px;margin:0 auto;">
	<%@ include file="navigate.jsp" %>
<%-- main begin --%> 	
<div>
  
  
<div class="osbox">
	<dl class="box3">
		<dd class="tl gg31tleft"></dd>
		<dd class="tb gg31tbg" style="width: 928px;">
			<div class="tl1">购物流程</div>
		</dd>
		<dd class="tr gg31tright"></dd>
		<dd class="bg gg31bg" style="width: 939px; height: 81px;">
			<div class="lc"><img src="images/o1_img1.png" alt=""/></div>
			<div class="lc"><img src="images/o1_img2.png" alt=""/></div>
			<div class="lc"><img src="images/o2_img1.png" alt=""/></div>
			<div class="lc"><img src="images/o1_img2.png" alt=""/></div>
			<div class="lc"><img src="images/os_img1.png" alt=""/></div>
			<div class="lc"><img src="images/o1_img2.png" alt=""/></div>
			<div class="lc"><img src="images/os_img2.png" alt=""/></div>
			<div class="floatend"></div>
		</dd>
		<dd class="bl gg31bleft"></dd>
		<dd class="bb gg31bbg" style="width: 927px;"></dd>
		<dd class="br gg31bright"></dd>
		<dd class="floatend"></dd>
	</dl>
</div>
<div class="osbox">
	<div class="odbox">
		<dl class="odh">
			<dd class="odhl"></dd>
			<dd class="odhb w781"></dd>
			<dd class="odhr"></dd>
			<dd class="floatend"></dd>
		</dl>
		<div class="odb w985_p20" style="width: 890px;">
			<div class="onum">请记录您的订单号：${receiveMsg.orderSeq }</div>
			<dl class="rec_1">
				<dd class="item1"><span class="black_b">收 货 人：</span> ${receiveMsg.name }</dd>
				<dd class="item1"><span class="black_b">详细地址：</span> ${receiveMsg.detailaddress }</dd>
				<dd class="item1"><span class="black_b">联系电话：</span>${receiveMsg.telnumber } &nbsp; ${receiveMsg.mobile } </dd>
				<dd class="item1"><span class="black_b">邮政编码：</span> ${receiveMsg.zipcode }</dd>
				<dd class="item1"><span class="black_b">配送方式：</span> 
				    <c:if test="${ receiveMsg.postType == 2 }"> 顺丰快递（<span class="red">运输费： 0.00元</span>）</c:if>
					<c:if test="${receiveMsg.postType == 1 }"> EMS 快递（<span class="red">运输费： 40.00元</span>）</c:if>
				</dd>
				<dd class="item2">
					<span class="black_b">支付类型：</span> 
					在线支付（<span class="red">手续费： 0.00元</span>）
				</dd>
			</dl>
			<dl class="rec_2">
				<dd class="item1">支付方式：</dd>
				<dd class="item2">
					<c:if test="${receiveMsg.payType == '1' }">
						<p>推荐一：云网在线支付 <font style="color: rgb(255, 0, 0);">免收手续费</font></p>
					</c:if>
					<c:if test="${receiveMsg.payType == '2' }">
						<p>推荐二：支付宝在线支付  <font style="color: rgb(255, 0, 0);">免收手续费</font></p>
					</c:if>
				</dd>
				<dd class="item1">备注：</dd>
				<dd class="item3">${receiveMsg.userMemo }</dd>
			</dl>
			<div class="floatend"></div>
			<div class="pd15"></div>
			<table>
				<tr>
					<th colspan="7">我购买的商品信息</th>
				</tr>
				<tr>
					<td class="center"><span class="black_b">商品类别</span></td>
					<td class="center"><span class="black_b">商品名称</span></td>
					<td class="center"><span class="black_b">属性</span></td>
					<td class="center"><span class="black_b">配件</span></td>
					<td class="center"><span class="black_b">单价</span></td>
					<td class="center"><span class="black_b">数量</span></td>
					<td class="center"><span class="black_b">小计</span></td>
				</tr>
				<c:forEach var="mobile" items="${orderList}" varStatus="status">  
				<tr>
					  <td class="center">
					  	<c:if test="${mobile.goodstype == 0 }">手机</c:if>
			  			<c:if test="${mobile.goodstype == 1 }">配件</c:if>
			  			</td>
					  <td class="center">
					  ${mobile.name }
					  </td>
					  <td class="center">
					  		<c:if test="${ mobile.colorName != null }">${ mobile.colorName }</c:if>
					  </td>
					  <td class="center">${mobile.standard}</td>
					  <td class="center">
					    <span class="green_b">¥${mobile.price }</span>
					  </td>
					  <td class="center">
					    <span class="red">${ mobile.orderNumber }</span>
					  </td>
					  <td class="center">
					    <span class="green_b">¥${mobile.price * mobile.orderNumber }</span>
					  </td>
					  <c:set var="total" value="${total+ (mobile.price * mobile.orderNumber)}"/>
				</tr>
				</c:forEach>
			</table>
			<div class="o_price">
				<span class="red">商品总额：</span><span class="red_b" style="padding-right: 20px;">￥${total }</span>
				<span class="red">附加总额：</span><span class="red_b" style="padding-right: 20px;">￥0.00</span>
				<span class="red">支付费率：</span><span class="red_b" style="padding-right: 20px;">￥0.00</span>
				<span class="red">配送费率：</span><span class="red_b" style="padding-right: 20px;">￥${receiveMsg.postcost }</span>
				<span class="red">积分兑换（0分）：</span><span class="red_b">￥0.00</span>
			</div>
			<div class="o_price"><span class="red">订单总额：</span><span class="red_b" style="font-size: 28px;">￥${receiveMsg.totalCost}</span></div>
			<div class="pd15"></div>
			<div style="text-align: center;">
				<div id="panOnline">
				
				<s:if test="receiveMsg.totalCost !=0 ">
					<s:if test="receiveMsg.payType==1">
						<form name="cncardForm" method="post" action="pay/cncard/Send.jsp" id="cncardForm" target="_blank">
						<a id="Online" title="点击进行在线支付"  href="#">
							
							<input type="hidden" id="c_ymd"  name="c_ymd" value="<s:date  name='receiveMsg.createtime'  format="yyyyMMdd" />" />
							<%-- 
							<input type="hidden" id="c_orderamount"  name="c_orderamount" value="0.01" />
							--%>
							<input type="hidden" id="c_orderamount"  name="c_orderamount" value="${receiveMsg.totalCost}" />
							<input type="hidden" id="c_email"  name="c_email" value="${receiveMsg.email}" />
							<input type="hidden" id="c_name"  name="c_name" value="${receiveMsg.name}" />
							<input type="hidden" id="c_post"  name="c_post" value="${receiveMsg.zipcode}" />
							<input type="hidden" id="c_tel"  name="c_tel" value="${receiveMsg.mobile}" />
							<input type="hidden" id="c_address"  name="c_address" value="${receiveMsg.detailaddress}" />
							<input type="hidden" id="c_order"  name="c_order" value="${receiveMsg.orderSeq}" />
							<img src="images/os_img10.png" alt="立即到在线支付网站进行在线支付" onclick="cncardFormSubmit();return false;"/>
						</a>
						</form>
					</s:if>
					<s:if test="receiveMsg.payType==2">
						<form name="alipayForm" method="post" action="pay/alipay/alipayto.jsp" id="alipayForm" target="_blank">
							<input type="hidden" id="receive_mobile"  name="receive_mobile" value="${receiveMsg.mobile}" />
							<input type="hidden" id="receive_phone"  name="receive_phone" value="${receiveMsg.telnumber}" />
							<input type="hidden" id="zipcode"  name="zipcode" value="${receiveMsg.zipcode}" />
							<input type="hidden" id="receive_address"  name="receive_address" value="${receiveMsg.detailaddress}" />
							<input type="hidden" id="receive_name"  name="receive_name" value="${receiveMsg.name}" />
							<input type="hidden" id="logistics_fee"  name="logistics_fee" value="<c:if test='${ receiveMsg.postType == 1 }'>40.00</c:if><c:if test='${ receiveMsg.postType == 2 }'>0.00</c:if>" />
							<input type="hidden" id="logistics_type"  name="logistics_type"
							  value="<c:if test='${ receiveMsg.postType == 2 }'>EXPRESS</c:if><c:if test='${ receiveMsg.postType == 1 }'>EMS</c:if>"
							 />
							<input type="hidden" id="alimoney"  name="alimoney" value="${receiveMsg.totalCost}" />
							<input type="hidden" id="alibody"  name="alibody" value="${receiveMsg.userMemo}" />
							<%--
							<input type="hidden" id="alimoney"  name="alimoney" value="0.01" />
							--%>
							<input type="hidden" id="alipayGoodsName"  name="alipayGoodsName" value="${receiveMsg.allGoodsName}" />
							<input type="hidden" id="alipayOrderSeq"  name="alipayOrderSeq" value="${receiveMsg.orderSeq}" />
							<a id="Online" title="点击进行在线支付"  href="#" >
								<img src="images/os_img10.png" alt="立即到在线支付网站进行在线支付" onclick="alipayFormSubmit();return false;"/>
							</a>
						</form>
					</s:if>
				</s:if>
				<s:if test="receiveMsg.totalCost ==0 ">
					订单已产生，请到<a href="memberCenter.action">会员中心</a>查看，然后在线付款
				</s:if>
				</div>
				<%-- --%>
			</div>
		</div>
	</div>
</div>
<div id="opbox" class="opbox">
	<div class="box_t">请您在新打开的信用卡银行<br/>页面上完成付款。</div>
	<div class="box_i">付款完成前请不要关闭此窗口。<br/>付款完成后根据您的情况选择以下操作：</div>
	<div class="box_o"><input value="已完成付款" onclick="window.location='memberCenter.action'" type="button"/>&nbsp;&nbsp;<input value="付款遇到问题" onclick="window.location='error.aspx'" type="button"/></div>
</div>
 

</div>
 	
	
<%-- main end --%> 	
	  <%@ include file="bottom.jsp" %>
</div>
 <div style="width:950px;height: 15">&nbsp;</div>
</body>
</html>
